‏إظهار الرسائل ذات التسميات إضافات بلوجر. إظهار كافة الرسائل

الأحد، 16 فبراير 2014

طريقة مشاهدة مدونتك كيف تظهر في الأجهزة المتطورة الأخرى مباشرة

السلام عليكم و رحمة الله تعالى و بركاته معكم حمزة بوزادي من مدونتة الرئيسية "حمزة بوزادي للبلوجر" في درس جديد وهو طريقة مشاهدة مدونتك كيف تظهر في الأجهزة المتطورة الأخرى مباشرة ( Ipad , Tablet , Pc , Galaxy ) و و و إذن إخواني لماذا عملت هذا الدرس


لأنه يوجد عدد كبير من الناس يمتلكون شاشات ذاك عرض و طول مختلف على الأخرى و يتفاءل هل مدونته معطوبة في أبعادها أو يسمع بعض التشاؤلات من بعض الناس الذين يمتلكون أجهزة حديثة إذن إخواني الحل هنا 

لنبدأ الشرح على بركة الله


ثانيا سوف نجد عدة 
1- سوف تجد على اليساء أجهزة متعددة و متطورة و إختر واحدة منها 
2- إختر جهازك المناسب
          -ثم اضغط على ( Grab screenshot from a url ).
          -ادخل رابط موقعك ثم اضغط على ( Grab screenshot ).

 

و شكراااااااااااااااا المصدر : أقلام الويب
Devamؤ±nؤ± oku...

السبت، 1 فبراير 2014

إضافة أداة (تصفح المدونة بدون مشاكل) بتقنية CSS3

السلام عليكم 

اليوم معنا إضافة جميلة  بتقنية الـ CSS3 الأضافة تساعد الزائر على اختيار المتصفح المناسب له 







طريقة التركيب :





ادخل التخطيط , إضافة أداة , HTMLJavaScript==) انسخ والصق هذا الكود 







و مبروك عليك الإضافة حبيبي

Devamؤ±nؤ± oku...

طريقة إضافة آخر التعليقات بشكل جذاب و متحرك 2014

السلام عليكم


اليوم راح اقدم لكم اضافة فى مدونة حمزة بوزادي للبلوجر وهي اخر التعليقات 
الاضافة تتيح لكم اخر التعلقات بى الصور وبشكل احترافى وجميل جدا 


طريقة تركيب الاضافة 

اذهب إلى تخطيط  >> ثم إضافة أداة جافاسكريبت وضع بها الكود التال

<style type="text/css" scoped>
ul.allbloggertricks_recent{list-style:none;margin:0;padding:0;}
.allbloggertricks_recent li{background:none!important;display:block;clear:both;overflow:hidden;list-style:none;border:1px solid transparent;border-radius:9px;max-height:100px;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-property:0;-moz-transition-property:0;-o-transition-property:0;transition-property:transform;margin:0 0 6px!important;padding:3px!important}
.allbloggertricks_recent li:hover{border:1px solid #ddd;
-webkit-transform:rotate(6deg);-moz-transform:rotate(6deg);-o-transform:rotate(6deg) }
.allbloggertricks_recent a {text-decoration:none;}
.avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px
#ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden}
.avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;width:35px;height:35px}
.llink{font-size:0px}
.allbloggertricks_recent li span{margin-top:4px;color: #222;display: block;font-size: 12px;line-height: 1.4;}

</style>
<script type="text/javascript">
//<![CDATA[
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 35,
 roundAvatar = true,
 characters  = 40,
 defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm",
 hideCredits = true;
 maxfeeds=50,
 adminBlog='Your Name';
//]]>
</script>
<script type="text/javascript" src="https://dl.dropboxusercontent.com/s/ce9buomi4or44g6/recent-comments.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&amp;callback=allbloggertricks_recent&amp;&amp;max-results=50">
</script>

وسلام
Devamؤ±nؤ± oku...

الخميس، 30 يناير 2014

اضافة أداة المشاركة عبر المواقع الإجتماعية متحركة بتقنية CSS


السلام عليكم و رحمة الله تعالى و بركاتهأعزائنا متتبعي مدونة 

مدونة حمزة بوزادي للبلوجر  أقدم لكم اضافة حصرية للمشاركة على الشبكات الاجتماعية


تمكننك الحصول علي أداة للمشاركة الإجتماعية ذات تأثيرات وتصميمات رائعة الأداة ذات تصميم رمادي وبسيط علي شكل دائري وعند الوقوف عليها تظهر لك عدة أزرار للمواقع الأجتماعية للضغط عليها ومشاركة مواضيعك



مــــــــعاينــــة :






طريقة الإضافة للمدونة :



  • توجه إلي لوحة التحكم الخاصة بك ثم إلي القالب واضغط علي تحرير HTML.
  • ابحث (CTRL+F) عن 


<div class=’post-footer-line post-footer-line-1’>


  • ثم الصق الكود التالي بعدها مباشرة



<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type="text/css">

.ringMenu {
width: 100px;
margin: 150px auto;
}
.ringMenu ul {
list-style: none;
position: relative;
width: 100px;
color: white;
}
.ringMenu ul a {
color: white;
}
.ringMenu ul li {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.ringMenu ul li a {
display: block;
width: 100px;
height: 100px;
background: rgba(50,50,50,0.7);
text-align: center;
line-height: 100px;
-webkit-border-radius: 50px;
border-radius: 50px;
font-size: 20px;
}
.ringMenu ul li a:hover {
background: rgba(230,150,20,0.7);
text-decoration: none;
}
.ringMenu ul li:not(.main) {
-webkit-transform: rotate(-180deg) scale(0);
-moz-transform: rotate(-180deg) scale(0);
-o-transform: rotate(-180deg) scale(0);
transform: rotate(-180deg) scale(0);
opacity: 0;
}
.ringMenu:hover ul li {
-webkit-transform: rotate(0) scale(1);
-moz-transform: rotate(0) scale(1);
-o-transform: rotate(0) scale(1);
transform: rotate(0) scale(1);
opacity: 1;
}
.ringMenu ul li.top {
-webkit-transform-origin: 50% 152px;
-moz-transform-origin: 50% 152px;
-o-transform-origin: 50% 152px;
transform-origin: 50% 152px;
position: absolute;
top: -70px;
left: 50px;
}
.ringMenu ul li.bottom {
-webkit-transform-origin: 50% -52px;
-moz-transform-origin: 50% -52px;
-o-transform-origin: 50% -52px;
transform-origin: 50% -52px;
position: absolute;
bottom: -70px;
left: 50px;
}
.ringMenu ul li.right {
-webkit-transform-origin: -52px 50%;
-moz-transform-origin: -52px 50%;
-o-transform-origin: -52px 50%;
transform-origin: -52px 50%;
position: absolute;
top: 10px;
right: -50px;
}
.ringMenu ul li.left {
-webkit-transform-origin: 152px 50%;
-moz-transform-origin: 152px 50%;
-o-transform-origin: 152px 50%;
transform-origin: 152px 50%;
position: absolute;
top: 10px;
left: -50px;
}
</style>
<div>
<script type="text/javascript">var switchTo5x=false;</script>
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "ur-e9856caa-8f3b-40a6-82af-461e390fe167"});</script>
<ul>
<li><a href="#main">SHARE</a></li>
<li><span class='st_fblike_vcount' displayText='Like'></span></li>
<li><span class='st_sharethis_vcount' displayText='Share'></span></li>
<li><span class='st_plusone_vcount' displayText='+1'></span></li>
<li><span class='st_twitter_vcount' displayText='Tweet'></span></li>
</ul>
</div>
</b:if> 




الآن قم بحفظ القالب. واستمتع بالإضافة
Devamؤ±nؤ± oku...

الاثنين، 27 يناير 2014

تغيير شكل أداة التنقل المنزلقة داخل المدونة

السلام عليكم و رحمة الله تعالى و بركاته معكم حمزة بوزادي مدير المدونة في إضافة جديدة و هي جميلا إخواني 

الإضافة هي : تغيير شكل أداة التنقل المنزلقة داخل المدونة


تغيير شكل أداة التنقل المنزلقة داخل المدونة


طـــــريقة الإضـــــافة--:


أولا إبحث عن : 


و أضف فوقها مباشرة هذا الكود


و مبروك عليك الإضافة و بالنسبة للونها ما عليك إلا تغيير هذا الكود باللون الذي تريد
#d65f08
Devamؤ±nؤ± oku...

السبت، 25 يناير 2014

إضافة عدَّاد المتواجدون حاليا في مدونتك


أهلا و السلام عليكم إخواني في الدرس الثالث على مدونة حمزة بوزادي للبلوجر اليوم و في هذا الدري سوف أقدم لك إضافة جميلة نوعا ما و تعطي جمالية لمدونتك و لإضافتها فالشرح سهل سهل جدا إخواني ,

الإضافة هي : عداد المتواجدون في مدونتك حاليا

في ماذا تنفع الإضافة ??!!

الإضافة تفيدك في معرفة من يوجد في مدونتك و ما هي الدول التي زارتك من قبل و كم من زائر دخل منذ إضافتك هذه الإضافة إلى مدونتك

كيف تضيفهاا ??
إضافتها سهلة جدا جدا حيث تذهب إلى الموقع الشهير و المستعمل كثيرا الذي إسمه Samung.us
من هنــــــــــــــا مباشرة

و ستتحول إلى هنا و بعدها إختر أي شكل تريد و قم بنسخ الكود HTML

أظن بأنني لن أكمل لكم الشرح لأنكم محترفين و لكن هناك مبتدئين و من حقهت أن يتعلموا

الخطوة الأخيرة

بعدما تنسخ ذلك الكود سوف تتوجه إلى منصة بلوجر ==) تخطيط ==) إضافة أداة ==) HTML/JavaScript ==)
ألصق هنااااك الكود و إختر إسم للأداة أو أتركها فارغة 


و أخيرا إعمل حفظ و ألف مبروك و شكرا على تتبعكم إخواني كان معكم حمزة بوزادي و أنتظر منكم ردود مشجعة




Devamؤ±nؤ± oku...

طريقة نشر مواضيعك أوتوماتيكيا إلى صفحتك على الفيسبوك



أهلا و السلام عليكم و رحمة الله تعالى و بركاته أينما كنتم في درس جديد من مدونة حمزة بوزادي للبلوجر اليوم في هذه التدوينة سوف أقدم لكم طريقة سوف تعجبك أحبائي و هي طريقة نشر مواضيعك أوتوماتيكيا إلى صفحتك على الفيسبوك 

ههههههه كما تعرفون الكثير و الكثير منا يتم حظر مدونته من الفيسبوك و لا يعرف السبب من ماذا 
-----------------------------------------------------------------------------
أولا : نشر المواضيع بطرق مخالفة لقوانين الفيسبوك.
ثانيا : النشر بتكرار يعني يجب عليك على الأقل النشر مرة واحدة في جروب. 
ثالثا : إرسال لصديق بتكرار رابط مدونتك حتى تبزز عليه رؤيتها مِما تؤدي إلى أن صديقك شوف يبلغ بذلك الرابط من شركة الفيسبوك.
رابعا : النشر بشكل دائم في تعليقات الصفحات الكبار و إذا عملت بك أية صفحة تجوز مليون لايك فقل باي باي مدونتي لم يراكي الفيسبوك مرة أخرى.
خامسا و أخيرا : إجتياز كلمة الحماية أو ما يُقال لها ب (Code Patcha)
------------------------------------------------------------------------------------------------------------
خلاصة القول : لذا فهذه الطريقة سوف تحميك من مخاطر هذه المتاعب التي تأتي مفاجأة من الحظر بنسبة 70% نعم نعم 70% 

الطريــــــــقة

أولا : تفتح الفيسبوك
ثانيا : تذهب إلى مربع البحث و تكتب RSS GRAFFITI و نختار أول خيار 

عند الضغط عليها سوف تأتينا هذه الصفحة التي سوف تتسجل فيها و منها سوف تربط مدونتك و الصفحة أو الجروب الذي تريد أن تتم العملية بينهم

بعدها عند الضغط عليها أكتب أي إسم تريد و إعمل Creat
و آخر خطوة كما هو مبين في الصورة

بعدها

و العكس صحيح بالنسبة للخانة الأخرى سوف تختار صفحتك أو جروبك 

و أخيرا غير OFF إلى ON

هكذا يكون درسنا قد إنتهى إلى درس قادم إن شاء الله و شكرا على مروركم و أتمنى أن تكونوا قد إستفدتم و أنتظر تعليقاتكم

Devamؤ±nؤ± oku...